<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<%@include file="headScriptRC.jsp"%>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/assets/js/rc/cs55001script.js"></script>

<!-- END JAVASCRIPT -->

</head>

<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
			<!-- End Side Menu -->

			<div class="col-sm-12 col-xs-12" id="right-side">
				<div id="navigator-bar">
					<i class="fa fa-home"></i> หน้าหลัก <i
						class="fa fa-angle-right ml-5 mr-5"></i> สอบถามข้อมูลตามใบเสร็จ
				</div>
				<!--End navigator-bar-->
				<!-- Start detail-area -->
				<div>
					<div id="page-header" class="clearfix">
						<div>สอบถามข้อมูลตามใบเสร็จ</div>
					</div>

					<!-- Start form-detail -->
					<div class="form-list clearfix" style="margin-top: -30px">
						<div class="search-box no-radius">
							<!-- header -->
							<div class="form-group clearfix search-header no-radius">
								<div class="pull-left">ระบุข้อมูลการค้นหา</div>
								<div class="pull-right">
									<div id="hide-button">
										<i class="fa fa-chevron-circle-up"></i>
									</div>
								</div>

							</div>
							<!-- BOX-BODY -->
							<div id="box-body ">
								<div class="form-group clearfix mt-20 ">
									<div class="col-sm-4">

										<label>เลขที่ใบเสร็จรับเงิน </label> <input type="text"
											class="form-control" id="inpputSerialNumber"
											placeholder="เลขที่ใบเสร็จรับเงิน">

									</div>
									<div class="col-sm-4">

										<label>ทะเบียนผู้ใช้น้ำ </label> <input type="text"
											class="form-control" id="inputAccount"
											placeholder="ทะเบียนผู้ใช้น้ำ">

									</div>
									<div class="col-sm-4">

										<label>สถานะ </label> <select class="form-control"
											id="selectStatus">
											<option value="">-- เลือก --</option>
											<option value="1">รับเงิน</option>
											<option value="2">ยกเลิก</option>
										</select>

									</div>

								</div>
								<!-- footer -->
								<div class="form-group mt-20 clearfix search-footer no-radius">
									<div class="col-sm-12 text-center">
										<button type="submit" class="btn btn-primary"
											onclick="searchData();">
											<i class="fa fa-search"></i> ค้นหาข้อมูล
										</button>
									</div>
								</div>
							</div>
							<!-- END BOX-BODY -->
						</div>
					</div>
					<!-- End form-detail -->



					<div class="modal fade" id="failSerailNumberModal" tabindex="-1"
						role="dialog" aria-labelledby="failModal" aria-hidden="true">
						<div class="modal-dialog" style="width: 400px">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal"
										aria-hidden="true">&times;</button>
									<h4 class="modal-title">กรุณาเลือกข้อมูลให้ถูกต้อง</h4>
								</div>
								<div class="modal-body">
									<span class="fa-stack fa-lg mr-10" style=" color:#FC0"><i class="fa fa-exclamation-triangle fa-stack-2x"></i></span><span id="modal_content_SerailNumber"></span>
								</div>
								<div class="modal-footer" style="text-align: center;">

									<button type="button" class="btn btn-primary"
										onclick="getFocus()"><i class="glyphicon glyphicon-ok"></i> ตกลง</button>
								</div>
							</div>
						</div>
					</div>

					<!-- End form-detail -->
					<div class="form-list clearfix" style="margin-top: -110px">

						<fieldset class="inner">
							<legend>รายละเอียดผู้ใช้น้ำ</legend>

							<div class="row">
								<div class="col-sm-6">
									<strong>ทะเบียนผู้ใช้น้ำ</strong> : <label id="labelAccount"
										style="font-weight: normal;"></label>
								</div>
								<div class="col-sm-6">
									<strong>หมายเลขมาตร</strong> : <label
										id="labelMeterSerialNumber" style="font-weight: normal;"></label>
								</div>
							</div>
							<div class="row mt-10">
								<div class="col-sm-6">
									<strong>ชื่อ</strong> : <label id="labelCustomerName"
										style="font-weight: normal;"></label>
								</div>
								<div class="col-sm-6">
									<strong>ประเภทผู้ใช้น้ำ</strong> : <label
										id="labelCustomerClass" style="font-weight: normal;"></label>
								</div>
							</div>
							<div class="row mt-10">
								<div class="col-sm-12">
									<strong>สถานที่ใช้น้ำ</strong> : <label id="labelAddress"
										style="font-weight: normal;"></label>
								</div>
							</div>
						</fieldset>
					</div>


					<div class="form-list" id="form-list" style="margin-top: -90px">

						<input type="hidden" id="url_address" name="url_address" value="">
						<input type="hidden" id="agent_browser" name="agent_browser"
							value="">
						<div class="list-detail-area">
							<table id="AskReceiveDataTable" class="stripe hover cell-border"
								cellspacing="0" width="100%">
								<thead>
									<tr
										style="background-color: #399bca; color: white; font-size: 0.9em;">
										<th style="border-right: 1px solid #999">ลำดับ</th>
										<th style="border-right: 1px solid #999; text-align: center;">เลขที่ใบเสร็จ</th>
										<th style="border-right: 1px solid #999; text-align: center;">วัน
											- เวลาที่รับเงิน</th>
										<th style="border-right: 1px solid #999; text-align: center;">ผู้รับเงิน</th>
										<th style="border-right: 1px solid #999; text-align: center;">จำนวนเงิน</th>
										<th style="border-right: 1px solid #999; text-align: center;">สถานะ</th>
										<th style="border-right: 1px solid #999; text-align: center;">ดูข้อมูล</th>
									</tr>

								</thead>
							</table>


						</div>


					</div>
					<!-- End Form-list -->
				</div>

				<div class="modal fade bs-example-modal-lg" id="ReceiveDetailModal"
					tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
					aria-hidden="true">
					<div class="modal-dialog modal-lg-auto">
						<div class="modal-content">

							<div class="modal-body">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">&times;</button>
								<div id="modal_content" align="center"
									style="height: 500px; overflow: auto;">
									<div class="wrapper">

										<div id="detail-area" class="clearfix">
											<div class="form-list clearfix"
												style="margin-bottom: -120px; margin-top: -30px">
												<div class="clearfix">
													<div class="pull-left">
														<h2 style="margin: 0px">รายละเอียดข้อมูลในใบเสร็จ</h2>
													</div>

												</div>

											</div>
											<div class="form-list">
												<div class="list-detail-area">
													<div id="ReceiveDetailTable"></div>
												</div>
												<!-- list-detail-area-->
												<div class="text-center mt-10">
													<button type="submit" class="btn btn-primary"
														data-dismiss="modal">
														<i class="fa fa-times"></i> ปิดรายละเอียด
													</button>
												</div>
											</div>
											<br>
										</div>
										<!-- End Detail-area-->

									</div>


								</div>
							</div>

						</div>
					</div>
				</div>






				<!-- End detail-area -->
				<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย
					การประปานครหลวง</div>
			</div>
		</div>
		<!-- End Detail-area-->
	</div>
	<!-- End Wrapper -->
</body>
</html>